<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组长组员的项目心得</title>
    <!--这里引入页面的样式-->
    <style>
        h1 {
            text-align: center;
        }
    </style>
</head>
<!--引入相关的文件-->
<script src="src/main/webapp/js/vue.js"></script>
<script src="src/main/webapp/element-ui/lib/index.js"></script>
<link rel="stylesheet" href="src/main/webapp/element-ui/lib/theme-chalk/index.css">
<script src="src/main/webapp/js/axios-0.18.0.js"></script>
<body>
<div id="app">
    <h1>项目心得</h1>

    <h3>组长心得</h3>
    <el-card>
        <p>{{ leaderFeedback }}</p>
    </el-card>

    <h3>组员心得</h3>
    <el-row>
        <el-col v-for="(member, index) in members" :key="index" :span="8">
            <el-card>
                <p>{{ member.feedback }}</p>
            </el-card>
        </el-col>
    </el-row>
</div>


<script>
    // 创建一个vue的实例对象,里面写那些数据和方法(一个是页面加载完后自动执行的方法，一个是其他操作后执行的代码)
    // 创建 Vue 实例
    new Vue({
        el: '#app',
        data() {
            return {
                leaderFeedback: '慢慢成长，慢慢变强',
                members: [
                    { feedback: '初唐四杰留言：学习新思想，争做新伟哥，向鹏哥学习全通，王者模范' },
                    { feedback: '小杰子留言：CLDS 是一个与山哥齐名的高手，简称：山哥plush版' },
                    { feedback: '*************************************************************************************' }
                ]
            }
        },
        methods: {

        },
        mounted(){

        }
    });
</script>
<!-- 不用vue的js代码写在下面-->
<script>

</script>
</body>
</html>